<template>
    <div class="body">
        <el-container style="min-height: 100vh;">
            <leftView ref="leftView" style="min-width: 230px;" />
            <el-container class="container" style="min-height: 100vh; margin-left: 15px; width: calc(74.5% - 245px);">
                <el-header>
                    <div class="header">
                        <img src="../../assets/notice_school.png" alt="">
                        通知公告
                    </div>
                    <headerNav ref="headerNav" class="headerNav" />
                </el-header>
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </el-container>
        </el-container>
    </div>
</template>
<script>
// import headerView from "@/components/header.vue";
import leftView from "@/components/noticeCopy/leftNoticeMenu.vue";
import headerNav from "@/components/noticeCopy/headerNav.vue";
import { mapActions, mapGetters, mapMutations, mapState } from 'vuex';

export default {
    name: "Index",
    components: {
        // headerView,
        leftView,
        headerNav,
    },
    data() {
        return {
            navFlag: false,
            count: 0,
        };
    },
    computed: {
        // ...mapState(['navMenuList']),
        // navFlag() {
        //     const arr = this.navMenuList.filter(item => item.id == 0)
        //     if (arr.length == 1) {
        //         return true
        //     } else {
        //         return false
        //     }
        // },
        // ...mapState('noticeModule', ['count' ]),
        // ...mapState('noticeModule', ['num']),


    },
    mounted() {
        // console.log(123, this.$refs.leftView);
    },
    methods: {
        // openOrClose() {
        //     this.$refs.leftView.openOrClose()
        // },

    },
};
</script>
<style scoped>
.body {
    background: #F4F6F8;
    padding: 0 19% 0 6.5%;
    height: 100vh;
    overflow-y: scroll;
}

.body::-webkit-scrollbar {
    width: 0 !important;
}

.main_box {
    width: 90%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.el-header {
    height: 100px;
    padding: 0;
}

.el-header img {
    height: 50px;
    margin-right: 10px;
}

.header {
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin: 13px 0;
}


.container {}
</style>